.theme--light {
  .bg--light-primary {
    background-color: map-get($light-blue, 'lighten-5') !important;
  }
  .bg--dark-primary {
    background-color: map-get($blue, 'darken-2') !important;
  }
  .bg--none {
    background-color: map-get($grey, 'lighten-5') !important;
  }
  .bg--foreground {
    background-color: white;
  }

  .splitpanes.default-theme {
    .splitpanes__pane {
      background-color: #fff;
    }
    .splitpanes__splitter {
      background-color: #f2f2f2;
    }
  }
}

.theme--dark {
  .v-dialog {
    border: thin solid map-get($grey, 'darken-3');
  }

  .bg--light-primary {
    background-color: map-get($material-dark-elevation-colors, '4') !important;
  }
  .bg--dark-primary {
    background-color: map-get($material-dark-elevation-colors, '4') !important;
  }
  .bg--none {
    background-color: map-get($material-dark-elevation-colors, '0') !important;
  }
  .bg--foreground {
    background-color: map-get($material-dark-elevation-colors, '4') !important;
  }

  .splitpanes.default-theme {
    .splitpanes__pane {
      background-color: map-get($material-dark-elevation-colors, '1');
    }
    .splitpanes__splitter {
      background-color: map-get($grey, 'darken-1');
      border-color: black;
    }
  }
}

.splitpanes__pane {
  overflow-y: auto;
}
